<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>

  <script>
    async function func() {
      const params = new URLSearchParams({ // URLSearchParams 对象用于构建 URL 查询字符串
        pname: '广东省',
        cname: '广州市'
      });

      const url = `http://hmajax.itheima.net/api/area?${params.toString()}`;

      const response = await fetch(url); // 返回的是一个 Promise 对象，叫做 Response 对象
      // fetch也有第二个参数


      if (response.status >= 200 && response.status < 300) { // 判断请求是否成功
        const data = await response.json(); // 将返回的 Response 对象转换为 JSON 对象
        console.log(data);
        console.log('请求成功');
      } else {
        console.log('请求失败', response.status);
      }
    }

    func();
  </script>
</body>

</html>